<!doctype html>
<html>
  <head>
    <title>webgl-bench analysis</title>
    <script src="static/util.js"></script>
    <script src="static/plot.js"></script>
    <script>
      var datasets = {{ datasets }};

      function init() {
        for (var i = 0; i < datasets.length; i++) {
          var d = datasets[i];
          var elem = document.createElement('div');
          elem.innerHTML = '<b>' + d.tag + '</b><br/>';
          var p = new Plot([d]);
          p.appendPlot(elem,
                       { width: 800,
                           row_pitch: 30,
                           label_width: 300,
                           text_height: 14,
                           small_text_height: 10,
                           label_axes: true });
          el('datasets').appendChild(elem);
        }
      }
    </script>
  </head>
  <body onload="init()">
    <h1>Dump</h1>
    <div id="datasets">
    </div>
    {{ dump }}
  </body>
</html>
